/*CSS BY HUAU STUDIO   http://huau-dev.cn   mail@huau-dev.cn*/
/*CSS3 animation*/
#zero{
	z-index:0;
	position:absolute;
	white:1024px;
	height:550px;
}
/*
#zero_text{
	position:absolute;
	font-size:100px;
	color:#FA8072;
	left:400px;
	top:250px;
}
*/
#one{
	opacity:0;
	animation:one 4s ease-out 4s;	
	z-index:1;
	position:absolute;
	white:1024px;
	height:550px;
}
/*
#one_text{
	opacity:0;
	animation:one_text 4s ease-out 4s;	
	position:absolute;
	font-size:100px;
	color:#FA8072;
	left:400px;
	top:250px;
}
*/
#two{
	opacity:0;
	animation:two 4s ease-out 8s;	
	z-index:2;
	position:absolute;
	white:1024px;
	height:550px;
}
/*
#two_text{
	opacity:0;
	animation:two 4s ease-out 8s;	
	position:absolute;
	font-size:100px;
	color:#FA8072;
	left:400px;
	top:250px;
}
*/
#three{
	opacity:0;
	animation:three 4s ease-out 12s;
	z-index:3;
	position:absolute;
	white:1024px;
	height:550px;
}
/*
#three_text{
	opacity:0;
	animation:three 4s ease-out 12s;
	z-index:3;
	position:absolute;
	font-size:100px;
	color:#FA8072;
	left:400px;
	top:250px;
}
*/
#four{
	opacity:0;
	animation:three 4s ease-out 16s;
	z-index:3;
	position:absolute;
	white:1024px;
	height:550px;
}
/*
#four_text{
	opacity:0;
	animation:three 4s ease-out 16s;
	position:absolute;
	font-size:100px;
	color:#FA8072;
	left:400px;
	top:250px;
}
*/
#five{
	opacity:0;
	animation:three 4s ease-out 20s;
	z-index:3;
	position:absolute;
	white:1024px;
	height:550px;
}
/*
#five_text{
	opacity:0;
	animation:three 4s ease-out 20s;
	position:absolute;
	font-size:100px;
	color:#FA8072;
	left:400px;
	top:250px;
}
*/
#six{
	opacity:0;
	animation:three 4s ease-out 24s;
	z-index:3;
	position:absolute;
	white:1024px;
	height:550px;
}
/*
#six_text{
	opacity:0;
	animation:three 4s ease-out 24s;
	position:absolute;
	font-size:100px;
	color:#FA8072;
	left:400px;
	top:250px;
}
*/
#seven{
	opacity:0;
	animation:three 4s ease-out 28s;
	z-index:3;
	position:absolute;
	white:1024px;
	height:550px;
}
/*
#seven_text{
	opacity:0;
	animation:three 4s ease-out 28s;
	position:absolute;
	font-size:100px;
	color:#FA8072;
	left:400px;
	top:250px;
}
*/
#eight{
	opacity:0;
	animation:three 4s ease-out 32s;
	z-index:3;
	position:absolute;
	white:1024px;
	height:550px;
}
/*
#eight_text{
	opacity:0;
	animation:three 4s ease-out 32s;
	position:absolute;
	font-size:100px;
	color:#FA8072;
	left:400px;
	top:250px;
}
*/
#nine{
	opacity:0;
	animation:three 4s ease-out 36s;
	z-index:3;
	position:absolute;
	white:1024px;
	height:550px;
}
/*
#nine_text{
	opacity:0;
	animation:three 4s ease-out 36s;
	position:absolute;
	font-size:100px;
	color:#FA8072;
	left:400px;
	top:250px;
}
*/
#ten{
	opacity:0;
	animation:three 4s ease-out 40s;
	z-index:3;
	position:absolute;
	white:1024px;
	height:550px;
}
/*
#ten_text{
	opacity:0;
	animation:three 4s ease-out 40s;
	position:absolute;
	font-size:100px;
	color:#FA8072;
	left:400px;
	top:250px;
}
*/
@keyframes one{
	from {opacity:0}
	to   {opacity:1}
}
@keyframes one_text{
	from {opacity:0}
	to   {opacity:1}
}
@keyframes two{
	from {opacity:0}
	to   {opacity:1}
}
@keyframes three{
	from {opacity:0}
	to {opacity:1}
}
@keyframes four{
	from {opacity:0}
	to {opacity:1}
}
@keyframes five{
	from {opacity:0}
	to {opacity:1}
}
@keyframes six{
	from {opacity:0}
	to {opacity:1}
}
@keyframes seven{
	from {opacity:0}
	to {opacity:1}
}
@keyframes eight{
	from {opacity:0}
	to {opacity:1}
}
@keyframes nine{
	from {opacity:0}
	to {opacity:1}
}
@keyframes ten{
	from {opacity:0}
	to {opacity:1}
}
#zero img{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
}
#one img{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
}
#two img{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
}
#three img{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
}
#four img{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
}
#five img{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
}
#six img{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
}
#seven img{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
}
#eight img{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
}
#nine img{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
}
#ten img{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
}